em,i,cite{ font-style:normal; font-weight:normal;}

/* 首页 */
.wrap{width:1200px; margin:0 auto; position:relative;}
/* top */
#topheader { position: fixed; top: 0px; width: 100%; margin: auto; z-index: 99999; display: none;}
.topper2 {height: 60px;background: #090810;z-index: 2;}
.header{width:100%; margin:0;}
.topper{height:60px; background:#090810;  position:relative; z-index:2;}
.t-left{float:left; line-height:60px; color:#CCC;}
.xnmc-nav li{float:left;}
.xnmc-nav li a{text-align:center;line-height:60px;width:147.5px;display:block; color:#eee; font-size:16px; transition:all .3s ease;}
.xnmc-nav li.active a,.xnmc-nav li a:hover{background:#E6212A; color:#fff;}

.xnmc-nav1 li{float:left;}
.xnmc-nav1 li a{text-align:center;line-height:60px;width:130px;display:block; color:#eee; font-size:16px; transition:all .3s ease;}
.xnmc-nav1 li.active a,.xnmc-nav1 li a:hover{background:#E6212A; color:#fff;}


.t-right.xnmcScenes{float:left;margin-left:60px; background:#778f2d;}
.t-right.xnmcScenes .top-user a{ font-size:14px;}
.t-right.xnmcScenes li .top-user span,.t-right.xnmcScenes li .top-user i{color:#fff;}
.t-right.xnmcScenes li.hover .top-user span,.t-right.xnmcScenes li.hover .top-user i{color:#333;}
.t-right.xnmcScenes li .pop-dwon a{text-align:center;}
i.fa-home{margin-right:5px; font-size:16px;}
.t-right{float:right;}
.t-right li{float:left; position:relative; padding:0 10px;}
.t-right li>a{color:#ccc; line-height:60px; transition:all .3s ease-in-out;}
.t-right li>a:hover{color:#ff5a5a;}
.t-right li.user-list{}
.top-user{height:60px; line-height:60px; min-width:100px;}
.top-user.hover{background:#fff;}
.top-user img{width:30px; height:30px; border-radius:50%; vertical-align:middle;}
.t-right li .top-user span{color:#ccc; padding:0 10px;}
.t-right li .top-user i{color:#ccc;}
.t-right li.hover{background:#fff;}
.t-right li.hover i,.t-right li.hover span{color:#333;}
.t-right li .pop-dwon{position:absolute; position:absolute; left:0; right:0; top:60px; background:#fff; padding:10px; display:none; z-index:500; border-top:1px solid #e3e3e3; box-shadow:0 2px 2px rgba(0,0,0,.2);}
.t-right li .pop-dwon a{display:block; line-height:30px; padding:0 10px; transition:all .3s ease-in-out;}
.t-right li .pop-dwon a i{display:inline-block; margin-right:10px; font-size:14px;}
.t-right li .pop-dwon a:hover{background:#dadada; color:#ff5a5a; padding-left:15px;}
.t-right li .pop-dwon a:hover i{color:#ff5a5a;}
.t-right li .pop-dwon a.last{border-top:1px solid #e3e3e3; padding-top:5px; position:relative;}
.t-right li .pop-dwon a.last:hover{ padding-left:10px; background:#fff;}

/* head */
.head{width:100%; background:#ffffff; height:110px;overflow:hidden;}
.head .logo{float:left;overflow:hidden;}
.head .logo a{float:left;width:650px; height:110px; background:url('logo.jpg') no-repeat;overflow:hidden}
.head .logo .flvvv{float:left;width:350px; height:110px; background:url('top15nian.png') no-repeat;overflow:hidden;margin-left:80px}
.head .hd-r{float:right; padding-top: 24px;}
.head .hd-r .menu{margin-top:5px;}
.head .hd-r .menu li{float:left; padding:0 0 0 20px; text-align:center;}
.head .hd-r .menu li a{color:#333; font-size:16px; font-weight:bold; line-height:20px;}
.head .hd-r .menu li.active a,.head .hd-r .menu li a:hover{color:#E6212A;}
.head .hd-r .menu li a p{color:#999; font-weight:normal; font-size:12px;}
.head .hd-r .menu li.active a p,.head .hd-r .menu li a:hover p{color:#333;}
.head .hd-r .search{width:378px; border:2px solid #8e8e8e; height:40px; margin-left:20px; position:relative;}
.head .hd-r .search .ipt-sea{height:20px; width:260px; padding:10px; line-height:20px; color:#666; font-size:14px; font-family:Microsoft YaHei, Arial;}
.head .hd-r .search .sea{width:100px; height:44px; background:#E6212A; color:#fff; text-align:center; font-size:16px; line-height:44px; position:absolute; right:-2px; top:-2px;}
.head .hd-r .num{margin-top:5px;  margin-left:20px;}
.head .hd-r .num span{color:#5c5c5c; margin-right:10px; font-size:12px;}
.head .hd-r .num span em{color:#E6212A; font-family:Arial, Helvetica, sans-serif;}
.head .hd-r .num span>a{color:#888;}
.head .hd-r .num span>a:hover{color:#ff5a5a;}

.head .tel{background: url('tel.jpg') no-repeat left center;height: 110px;width: 200px; padding-left: 58px;margin-right:26px; }
.head .tel p{ font-size: 16px; color: #666; margin-top: 28px;margin-bottom:0px; }
.head .tel p span{ font-size: 30px; display: block; font-weight: bold; color: #F90000;margin:0px;line-height:30px; }


/* list */
.seclist{width:100%; height:50px; background:#fff; border-top:1px solid #d4c9b7; text-align:center;}
.seclist a{font-size:15px; font-weight:bold; color:#666; line-height:50px; display:inline-block; margin:0 10px; padding:0 10px;}
.seclist a.active,.seclist a:hover{background:#d4c9b7;}
.seclist i{display:inline-block; width:30px; height:30px; border-radius:50%; color:#fff; text-align:center; line-height:30px; vertical-align:middle; font-size:16px; margin-right:8px; font-family:Arial, Helvetica, sans-serif;}
.seclist .gyjd i{background:#71888e;}
.seclist .csdl i{background:#3f8cd0;}
.seclist .xqzz i{background:#69aa8c;}
.seclist .jgdl i{background:#8b7b86;}
.seclist .syjq i{background:#7397cb;}
.seclist .bxjd i{background:#9f5144;}
.seclist .csal i{background:#585c8b;}
/* banner */
.banner{ width:100%; height:590px;overflow:hidden;background:#FFF url('imgloader.gif') no-repeat center;}
.slide_down,.slide_into{ display:block;font-size:18px;color:#a45900;background-color:#fff033;width:140px;height:30px;text-align:center;line-height:30px;border-radius:15px;box-shadow:2px 2px 2px rgba(0,0,0,.2);float:right;position:relative;top:240px}
.slide_down{ margin-right:20px}
.slide_down:hover,.slide_into:hover{ text-decoration:none;color:#ff7e00}
#fwslider{position: relative;width: 100%; z-index:1;}
#fwslider .slider_container{}
#fwslider .slide{display: none;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;text-align: center;}
#fwslider .slide img{/*width:100%;*/}
#fwslider .slidePrev{margin-left: 25px;width: 31px;height: 100px;position: absolute;top: 50%;left: -50px;opacity: 0.7;z-index: 10;}
#fwslider .slidePrev span{background-image: url('slide_arrow.png');width:31px;height: 100px;float: left;background-position: 0 0;background-repeat: no-repeat;cursor: pointer}
#fwslider .slideNext{width: 31px;height: 100px;position: absolute;top: 50%;right:-50px;opacity: 0.7;z-index: 10;margin-right: 25px;}
#fwslider .slideNext span{background-image: url('slide_arrow.png');width:31px;height:100px;float:left;background-position: 0 -100px;background-repeat:no-repeat;cursor:pointer}
#fwslider .pagenation{position:absolute; left:0; right:0; bottom:20px; height:6px; z-index: 3;}
#fwslider .timers{height:6px; margin:0 auto; }
#fwslider .timer{height: 6px;width: 50px;background-color: #ff7e00;margin-right:10px;overflow: hidden; display:inline-block;}
#fwslider .progress{height: 6px;width: 0%;background-color: #fff;float: left;}
#fwslider .slide_content{top: 0;left: 50%;position: absolute;width: 470px;height: 350px;}
#fwslider .slide_content_wrap{max-width: 470px;text-align: right;font-family: \5FAE\8F6F\96C5\9ED1;font-style: italic;}
#fwslider .title{opacity: 0;color: #fff;font-size: 36px;padding: 10px;float: left;font-style: normal;font-weight: 400;padding: 20px;line-height: 40px;}
#fwslider .description{opacity: 0;color: #FC3;font-size: 18px;background: #000;padding: 10px;clear: both;float: left;margin-top: 2px;line-height: 24px;font-family: 'Open Sans';font-style: normal;font-weight: 400;}
#fwslider .readmore{opacity: 0;clear: both;float: left;text-transform: uppercase;font-size: 10px;color: #919191;background: #000;padding: 10px;text-decoration: none;margin-top: 2px;font-family: 'Open Sans';font-style: normal;font-weight: 400;}
#fwslider .readmore:hover{color: #fff;}
/* ------------------------------- 4. Media Query Max Width 1300, Min Width 720 ------------------------------- */
@media only screen and (min-width:720px) and (max-width: 1300px){
#fwslider .slide_content_wrap{margin-left: 50px;margin-top: 40px;}
#fwslider .title{font-size: 26px;}
#fwslider .description{font-size: 12px;}
}
/* ------------------------------- 5. Media Query Max Width 719 ------------------------------- */
@media only screen and (max-width:719px){
#fwslider .slide_content_wrap{display: none;}
#fwslider .timers{display: none;}
#fwslider .slide_content{cursor: pointer;}
}
/* 上传发布 */
.zp-upload{padding:60px 0; text-align:center;}
.zp-upload a{display:inline-block; width:350px; height:80px; position:relative; text-align:center; line-height:80px; color:#fff; font-size:20px; margin:0 20px; border-radius:3px; transition:all .3s ease-in-out; overflow:hidden;}
.zp-upload a i{display:inline-block; font-size:26px; line-height:80px; margin-right:20px; vertical-align:middle;}
.zp-upload a.sc{background:#ff6900;}
.zp-upload a.fb{background:#00b1c5;}
.zp-upload a.sc:hover{background:#d35700;}
.zp-upload a.fb:hover{background:#009eb0;}

/* 设计师机构 */
.ind-title{margin-bottom:20px;}
.ind-title .name{float:left; font-size:28px; line-height:30px; color:#111;}
.ind-title .name span{color:#b0b0b0; font-size:14px; padding-left:20px; line-height:30px;}
.ind-title .info{float:right;}
.ind-title .info a{line-height:30px; padding:0 15px; display:inline-block; color:#666; font-size:14px; border-radius:3px; transition:all .3s ease-in-out;}
.ind-title .info a:hover{background:#E6212A; color:#fff;}
.ind-con{margin-bottom:40px;}
.ind-designers{width:1200px;}
.ind-designers a{display:block; position:relative; transition:all .3s ease-in-out; float:left; margin-right:20px; position:relative;}
.ind-designers .tit{display:block; position:absolute; left:0; right:0; bottom:0; height:30px; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:14px; line-height:30px;}
.ind-designers a.big,.ind-designers a.big img{width:280px; height:380px; margin-bottom:20px;}
.ind-designers a.midde{width:280px; height:250px; margin-bottom:20px;}
.ind-designers a.midde img{width:280px; height:250px;}
.ind-designers a.small,.ind-designers a.small img{width:130px; height:110px;}
/* .ind-designers a img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);} */
.ind-designers a.hover img,.ind-designers a:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}
.ind-designers .join-btn{width:130px; height:110px; background:#E6212A; color:#fff; text-align:center;}
.ind-designers .join-btn i{font-size:50px; margin-top:20px;}
.ind-designers .join-btn p{text-align:center; font-size:14px;}
.ind-designers .join-btn:hover{background:#F30;}
/* 优秀作品 */
.ind-works{width:1200px;}
.ind-works ul li{float:left; margin-right:12px;}
.ind-works ul li a{display:block; position:relative;}
.ind-works ul li.big{margin-bottom:12px;}
.ind-works ul li.big,.ind-works ul li.big img{width:584px; height:440px;}
.ind-works ul li.midde,.ind-works ul li.midde img{width:286px; height:290px;}
.ind-works li .cover{position:absolute; left:0; top:50%; right:0; height:80px; margin-top:-70px; background:rgba(0,0,0,.7); padding:30px; display:none;}
.ind-works li.hover .cover{display:block;}
.ind-works li .cover h2{font-size:30px; font-weight:normal; color:#f1f1f1; height:40px; line-height:40px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ind-works li .cover p{height:40px; font-size:12px; color:#b1b1b1; line-height:20px; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ind-works li.midde .cover h2{font-size:20px;}
/* 图库 */
.ind-tuku{width:1200px;}
.ind-tuku ul li{width:378px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #ddd;}
.ind-tuku .img{width:378px; height:280px; overflow:hidden;}
.ind-tuku .img a,.ind-tuku .img img{width:378px; height:280px; display:block; transition:all .3s ease-in-out;}
.ind-tuku .img a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.ind-tuku .info{background:#fff; padding:10px 10px 0 10px;}
.ind-tuku .info .name{font-size:18px; color:#333; line-height:30px; height:30px; overflow:hidden; position:relative;}
.ind-tuku .info .name span{position:absolute; line-height:30px; background:#fff; right:0; top:0; font-size:12px; color:#666;}
.ind-tuku .info .name span em{padding:0 5px;}
.ind-tuku .info .sort{color:#111; font-size:12px; margin-top:10px; overflow:hidden; zoom:1;}
.ind-tuku .info .sort .sc{float:right; color:#666;}
.ind-tuku .info .sort span{background:#E6212A; color:#fff; padding:1px 3px;}
.ind-tuku .info .sort i{margin:0 5px;}
.ind-tuku .info .sort s{text-decoration:none;}
.ind-tuku .info .author{line-height:40px; height:40px; overflow:hidden; color:#111; margin:15px 0;}
.ind-tuku .info .author img{width:40px; height:40px; border-radius:50%; margin-right:20px; float:left;}
.ind-tuku .info .author span{float:right; color:#666;}
.ind-tuku .info .spots{float:right; height:40px; overflow:hidden; line-height:40px; text-align:right; font-size:12px;}
.ind-tuku .info .spots span{margin-left:30px; color:#a7a7a7;}
.ind-tuku .info .spots span i{font-size:16px; margin-right:5px;}
.spots span{ cursor:default;}
.spots span:hover i.fa-thumbs-up,.spots span:hover i.fa-star{color:#E6212A;}
.spots span i.fa-thumbs-up,.spots span i.fa-star{cursor:pointer;}
/* 众包 */
.ind-project{width:1200px;}
.ind-project li{width:218px; float:left; margin-right:20px; border:1px solid #f5f5f5; transition:all .3s ease-in-out;}
.ind-project li:hover{ border-color:#E6212A}
.ind-project li .img,.ind-project li .img img,.ind-project li .img a{width:218px; height:161px; display:block;}
.ind-project li .info{}
.ind-project li .info .bt{padding:10px;}
.ind-project li .info .bt a{font-size:14px; color:#333;  overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ind-project li .info .bt a:hover{color:#E6212A;}
.ind-project li .info p{color:#888; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
.ind-project li .baoming{margin-top:20px;}
.ind-project li .baoming a{line-height:24px; color:#fff; background:#E6212A; text-align:center; display:block;}
.lxftime{padding: 1px 3px; text-align:center; font-size:12px; color:#fff; margin-top:5px; background:#E6212A; margin-right:10px;}
.lxftime em{font-family:Microsoft YaHei;}
.needs-info{font-size:16px; color:#333; line-height:34px; padding:10px; /*background:#f5f5f5;*/}

/*首页新闻*/
.ind-news .tp-news{width:590px; float:left;}
.ind-news .tp-news .lunbo{width:590px;height: 445px;border: 1px solid #e7e7e7;overflow:hidden;}
.ind-news .tp-news .lunbo img{width:590px; height:445px;}
.ind-news .tp-news .s-tp-n{height: 136px;overflow:hidden;zoom:1;}
.ind-news .tp-news .s-tp-n a{display:block;width: 225px;height: 136px;position:relative;}
.ind-news .tp-news .s-tp-n a img{width: 225px;height: 136px;}
.ind-news .tp-news .s-tp-n a span{display:block; height:30px; padding:0 10px; line-height:30px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); color:#fff; font-size:14px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ind-news .hot-news{width:570px; float:left;}
.ind-news .hot-news .hot-news-list{margin-bottom:40px; /*padding-bottom:15px; border-bottom:1px dashed #ddd;*/ height:135px; overflow:hidden; zoom:1;}
.ind-news .hot-news .hot-news-list.last{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.ind-news .hot-news .hot-news-list .img{width: 260px;height:135px;position:relative;float:left;}
.ind-news .hot-news .hot-news-list .img img{width: 260px;height:135px;}
.ind-news .hot-news .hot-news-list .img span{display:block; height:30px; padding:0 10px; line-height:30px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); color:#fff; font-size:14px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ind-news .hot-news .hot-news-list .txt{float:left;width: 290px;margin-left: 20px;}
.ind-news .hot-news .hot-news-list .txt dl dt a{font-size:18px; height:18px; line-height:18px; overflow:hidden; color:#5d5e60;}
.ind-news .hot-news .hot-news-list .txt dl dd a{font-size:12px; color:#666; line-height:30px;}
.ind-news .hot-news .hot-news-list .txt dl dt a:hover,.ind-news .hot-news .hot-news-list .txt dl dd a:hover{color:#E6212A;}
.ind-news .hot-news .hot-news-list .txt dl dd span{color:#aaa; font-size:12px; margin-right:15px; letter-spacing: 1px; line-height:25px;}

/*新闻图片轮播*/
#news-focus{width:470px;height: 303px;overflow:hidden;position:relative;}
#news-focus ul{height: 304px;position:absolute;}
#news-focus ul li{float:left;width:470px;height: 303px;overflow:hidden;position:relative;background:#000;}
#news-focus ul li img{width:470px;height: 303px;}
#news-focus .btnBg{position:absolute;width:470px; height:50px; left:0;bottom:0;background:#000;}
#news-focus .btn{position:absolute;width:460px;height:50px; padding:0 5px; right:0;bottom:0;text-align:right;}
#news-focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-right:5px;cursor:pointer;background:#fff; margin-top:20px;}
#news-focus .btn span.on{background:#fff;}
#news-focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url('sprite.png') no-repeat 0 0;cursor:pointer}
#news-focus .pre{left:0;}
#news-focus .next{right:0;background-position:right top;}
#news-focus ul li .slideother{position:absolute;left:10px;bottom: 0px;width:470px;height:50px;display:inline-block;z-index:10;}
#news-focus ul li .slideother .h12{position:absolute;top:0px;left:0;}
#news-focus ul li .slideother .h12 a{color:#FFF;font-size:16px; line-height:50px;}
#news-focus ul li .slideother .h12 a:hover{ color:#ee7800;}

/*友情链接*/
.ind-links{/*background:#f5f5f5;*/ padding-bottom:10px;}
.ind-links li{border:1px solid #d8d8d8; width:180px; height:80px; float:left; margin:10px 7.3px 0px 7.3px;}
.ind-links li img{ width:180px; height:80px;}

.footer{width:100%;}
.footer .ft-menu{ background:#41464c; padding:50px 0;}
.footer .ft-menu dl{float:left; width:230px; padding:0 65px 0 0; margin:0;}
.footer .ft-menu dl dt{padding-left:30px; line-height:30px; font-size:14px; color:#ddd; position:relative; text-align:left;}
.footer .ft-menu dl dt i{position:absolute; left:0; top:0; line-height:30px; font-size:20px;}
.footer .ft-menu dl dd{padding-left:30px;}
.footer .ft-menu dl dd a{display:block; width:100px; text-align:left; font-size:12px; line-height:30px; color:#ddd; float:left;}
.footer .ft-cop{text-align:center; color:#999; line-height:30px;}
.footer .ft-cop p{margin:10px 0;}
.footer .ft-cop a{margin:0 5px;}


/*列表页*/
/*场景列表*/
.filterbox{margin-bottom: 10px;}
.filterlist{padding:20px; background:#fff; box-shadow: 0 2px 2px #e0e0e0; margin-bottom:10px;}
.filtertit{height:62px; overflow:hidden; position:relative;}
.filtertit-icon{width:60px; height:60px; border:1px solid #e4e4e4; border-radius:10px; float:left; margin-right:20px; text-align:center; background:#f7f7f7; overflow:hidden;}
.filtertit-icon img{vertical-align:middle; margin-top:16px;}
.filtertit-txt{line-height:31px;}
.filtertit-txt span{margin-right:20px; color:#999;}
.filtertit-txt span em{padding:0 3px; color:#E6212A;}
.filtertit-txt span.tit{font-size:18px; color:#333;}
.filtertit-txt span.ban em{padding:1px 2px; background:#fdb00c; color:#fff; margin-left:3px; border-radius:2px;}
.filtertit-info{color:#666; line-height:31px;}

/*瀑布流列表页*/
.filter-crumbs-nav{border-bottom:1px dashed #e4e4e4;  padding-bottom:10px; margin-bottom:10px; height:30px; line-height:30px; overflow:hidden;}
.filter-crumbs-nav a{color:#E6212A; margin-right:20px; font-size:14px; line-height:30px; display:block; height:30px; float:left;}
.filter-crumbs-nav span{color:#333; font-size:14px; margin-right:20px; line-height:30px; display:block; height:30px; float:left;}
.filter-crumbs-nav a.back i{font-size:30px; color:#333; line-height:30px;}
.filter-crumbs-nav a.back:hover i{color:#E6212A;}
.filter-pbl{height:32px; overflow:hidden;}
.filter-pbl a{display:block; float:left; margin-right:20px; height:30px; border:1px solid #dedede; float:left;}
.filter-pbl a span,.filter-pbl a em{padding:0 10px; line-height:30px; color:#333; display:block; float:left;}
.filter-pbl a span{background:#dedede;}
.filter-pbl a.active,.filter-pbl a:hover{border:1px solid #E6212A;}
.filter-pbl a.active span,.filter-pbl a:hover span{background:#E6212A; color:#fff;}
.ind-tuku.pbl .img a,.ind-tuku.pbl .img img{width:380px; height:auto;}
.ind-tuku.pbl .img{width:380px; height:auto;}
.ind-tuku.pbl{position:relative;}
.ind-tuku.pbl ul li{position:absolute; left:0; top:0; float:none; margin:0; padding:0; -webkit-transition: all .7s ease-out .1s;-moz-transition: all .7s ease-out;-o-transition: all .7s ease-out .1s;transition: all .7s ease-out .1s;}
.ind-tuku.pbl ul{width:1200px; margin:0 auto;}
.listPage.pbl{text-align:center;}
.listPage.pbl a{display:inline-block; padding:5px 30px; background:#ee7800; color:#fff; font-size:16px; border-radius:5px; margin:0 20px; transition:all .3s ease-in-out;}
.listPage.pbl a:hover{background:#F30;}
.listPage.pbl a.jz{background:#999;}
.listPage.pbl a.jz:hover{background:#666;}

/* select */
.select-filter{float:left; margin-right:20px;}
.select-filter-fb{ float:left; margin-top:4px;}

.filter-sty{border-bottom:1px dashed #e4e4e4; padding-bottom:20px; margin-bottom:20px;}
.filter-sty span{color:#E6212A;}
.filter-sty span,.filter-sty a{margin-right:20px; font-size:14px;}
.filter-sty a{color:#111;}
.filter-sty a.active, .filter-sty a:hover {color:#E6212A;}
.filter-sty a em{margin-left:5px; color:#fff; background:#E6212A; padding:1px 5px; border-radius:2px;}
.filter-sec .tit{float:left; color:#111; font-size:14px; margin-right:20px; line-height:32px;}
.works-tag{float:right;}
.works-tag a{display:inline-block; padding:0 20px; border-left:1px solid #e9e9e9; line-height:32px;}
.works-tag a:hover,.works-tag a.active{color:#E6212A;}

/* 产品详情 */
.workinfo-tit{border-bottom:3px solid #E6212A; height:50px; overflow:hidden;}
.workinfo-tit h1{font-size:20px; font-weight:500; color:#666; padding-left:20px; height:30px; margin:10px 0; line-height:30px; border-left:3px solid #E6212A; float:left;}
.upload-wk-btn{ float:right; width:160px; height:50px;}
.upload-wk-btn a{display:block; width:160px; height:50px;text-align:center; line-height:50px; background:#E6212A; color:#fff; font-size:18px; transition:all .3s ease-in-out;}
.upload-wk-btn i{margin-right:10px; font-size:22px;}
.upload-wk-btn a:hover{background:#F30;}

.work-abt{position:relative; height:175px;}
.work-abt h2{font-size:18px; font-weight:500; color:#E6212A;}
.work-abt .wk-lab{margin-top:8px;}
.work-abt .wk-lab span{margin-right:20px; color:#666; font-size:14px;}
.work-abt .wk-lab span i{color:#E6212A;}
.work-abt .wk-lab span em{color:#888;}
.work-abt .work-txt{font-size:14px; color:#999; line-height:24px; width:750px; margin:10px 0; max-height:72px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.work-user-box{position:absolute; right:0; top:20px; width:330px;}
.work-user-box .user-xx{height:130px; margin-bottom:3px; overflow:hidden; zoom:1; position:relative; padding-left:150px;}
.work-user-box .user-xx img{display:block; width:130px; height:130px; border-radius:50%; position:absolute; left:0; top:0;}
.work-user-box .user-xx h3{font-size:16px; color:#333; font-weight:500; margin:10px 0;}
.work-user-box .user-xx .guanzhu a{display:block; width:98px; height:30px; background:url('guanzhu.jpg') no-repeat; margin:5px 0; font-size:0}
.work-user-box .user-xx .guanzhu a.ygz{background-position:0 -30px;}
.work-user-box .user-xx .xx{font-size:14px; color:#666;}
.work-user-box .work-xx{height:60px; overflow:hidden; border-top:1px solid #e6e6e6;}
.work-user-box .work-xx .list{width:33.33%; float:left; height:48px; padding:6px 0; text-align:center; color:#888; font-size:14px; line-height:24px; position:relative;  cursor:default;}
.work-user-box .work-xx .list:before{width:1px; height:40px; background:#eee; content:""; left:0; top:10px; display:block; position:absolute;}
.work-user-box .work-xx .list.first:before{width:0;}
.work-user-box .work-xx .list span{display:block; text-align:center;}
.work-user-box .work-xx .list span em,.work-user-box .work-xx .list span em i{line-height:24px;}
.work-user-box .work-xx .list:hover{color:#E6212A;}

/*.work-container{margin-bottom:60px;}*/
.work-details{width: 805px;background:#fff;padding: 20px;float:left;}
.work-details h1{font-size:16px; color:#888; font-size:14px; margin-bottom:10px; font-weight:normal;}
.work-details .info img{width:100%;}
.work-recommend{width:325px; float:right; border-top:3px solid #E6212A;}
.work-recommend .tit-rec{color:#666; font-size:14px; line-height:50px; border-bottom:1px solid #eee; background:#fff; padding:0 10px; text-align: center;}
.work-recommend .tit-con{padding:10px;background:#fff;margin-bottom: 10px;}
.work-recommend .tit-con .img{display:block;}
.work-recommend .tit-con .img img{width:305px; height:225px;}
.work-recommend .tit-con .bt{font-size:14px; color:#333; position:relative; line-height:30px; margin:6px 0;}
.work-recommend .tit-con .bt i{position:absolute; right:0; top:5px; padding:0 3px; background:#E6212A; color:#fff; font-size:12px; height:20px; line-height:20px;}
.work-recommend .tit-con .tk-xx{margin:6px 0; height:40px; overflow:hidden;  line-height:40px;  font-size:14px;}
.work-recommend .tit-con .sort{margin-bottom:10px;}
.work-recommend .tit-con .tk-xx img{width:40px; height:40px; border-radius:50%; float:left; margin-right:20px;}
.work-recommend .tit-con .tk-xx span{color:#666; float:left;}
.work-recommend .tit-con .tk-xx em{color:#888;  float:right;}
.work-recommend .tit-con .spots{border-top:1px solid #eee; text-align:right; margin-top:10px; padding-top:10px;}
.work-recommend .tit-con .spots span{ color:#a7a7a7; margin:0 10px;}
.work-recommend .tit-con .spots span i{font-size:16px; margin-right:5px;}

.work-details .zan-sc{height:148px; width:236px; overflow:hidden; margin:20px auto;}
.work-details .zan-sc .btnbox{height:148px; width:108px; text-align:center;}
.work-details .zan-sc .btnbox a{width:108px; height:108px; display:block; background:url('zan_sc.png') no-repeat; font-size:0}
.work-details .zan-sc .btnbox a.zan{background-position:0 0;}
.work-details .zan-sc .btnbox a.zan:hover{background-position:-108px 0 ;}
.work-details .zan-sc .btnbox a.zan:active{background-position:-216px 0 ;}
.work-details .zan-sc .btnbox a.sc{background-position:0 -108px;}
.work-details .zan-sc .btnbox a.sc:hover{background-position: -108px;}
.work-details .zan-sc .btnbox a.sc:active{background-position:-216px -108px;}
.work-details .zan-sc .btnbox em{font-size:16px; line-height:40px;}

.work-details .wrk-lab{font-size:14px; color:#33;}
.work-details .wrk-lab span{padding:1px 5px; background:#E6212A; color:#fff; font-size:14px;}
.glmore a{padding:10px; background:#fff; color:#333; text-align:center; display:block; margin:20px 0;}
.glmore a:hover{color:#E6212A;}
.weibobj{margin:20px 0; background:#fff; padding:20px;  text-align:center; color:#888; font-size:16px; font-weight:bold;}
.weibobj img{border-bottom:1px dashed #ddd; padding:10px 0;}
.weibobj .baojia{width:244px; height:65px; background:url('baojia.jpg') no-repeat; display:block; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:auto}

/* 产品详情 - 评论 */
.commentbox{width: 805px;background:#fff;padding:20px;margin-top:20px; float:left;}
.commentbox .com-user{position:relative; padding-left:350px; height:130px;}
.work-user-box.details-ft{left:0; top:0;}
.work-user-box.details-ft .user-xx{margin-bottom:0;}
.user-works{height:130px; overflow:hidden;}
.user-works li{float:left; margin-right:10px;}
.user-works li img{width:173px; height:130px;}
.user-works li.last a{display:block; width:60px; height:60px; padding:35px 0; color:#fff; background:#afafaf; font-weight:bold; font-size:18px; line-height:30px; text-align:center; transition:all .3s ease-in-out;}
.user-works li.last a:hover{background:#E6212A;}
.comment{margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.com-directions{color:#888;}
.commentArea{border:1px solid #a8a8a8; margin-top:10px;}
.com-textarea{height:50px; padding:10px;}
.com-textarea textarea{width: 100%; height: 50px;padding: 0;font-size: 16px;border: 0;outline: none;resize: none;display: inline-block;}
.commtSub{height:40px; overflow:hidden; zoom:1; background:#f5f5f5; border-top:1px solid #ddd;}
.commtSub .commtuser{padding:0 10px; line-height:40px; float:left;}
.commtSub .commtuser img{width:30px; height:30px; border-radius:50%; margin-right:10px; vertical-align:middle;}
.commtSub .commsub-btn{float:right; margin-right:10px;}
.commtSub .commsub-btn a{display:block; height:28px; width:80px; line-height:28px; text-align:center; margin-top:6px; color:#fff; background:#E6212A; border-radius:3px;}
.commentxt{margin:20px 0;}
.commentxt .tit{font-size:16px; color:#333; border-bottom:1px solid #ddd;  padding-bottom:10px;}
.np-comment-list>li{border-bottom:1px dashed #ddd; padding:15px 0 15px 55px; position:relative;}
.np-comment-list>li>img{width:40px; height:40px; position:absolute; left:0; top:20px; border-radius:50%;}
.np-post-body{margin:0;}
.np-post-body .np-post-header .name{color:#09C; margin-right:20px;}
.np-post-body .np-post-header .time{color:#999;}
.np-post-body .np-post-content{font-size:14px; color:#333; line-height:24px; margin:2px 0;}
.np-post-body .np-post-footer a{color:#999;}
.np-post-body .np-post-footer i{margin-right:5px;}
.np-post-body .np-post-footer a:hover{ color:#09C;}
.sec-com-textarea{border:1px solid #a8a8a8; padding:10px; margin-top:10px;}
.sec-com-textarea textarea{width: 100%; height: 50px;padding: 0;font-size: 16px;border: 0;outline: none;resize: none;display: inline-block; border-bottom:1px solid #ddd;}
.sec-com-textarea a{display:block; height:28px; width:80px; line-height:28px; text-align:center; margin-top:6px; color:#fff; background:#E6212A; border-radius:3px;}
.children-comment-list>li{border-top:1px dashed #ddd; padding:10px 0 10px 45px; position:relative;}
.children-comment-list>li>img{width:35px; height:35px; position:absolute; left:0; top:25px; border-radius:50%;}
.clickmore a{display:block; line-height:30px; background:#ddd; color:#333; text-align:center;}
.clickmore a:hover{background:#888;}

/*设计师列表*/
.page-crumbs-nav{padding-bottom:10px; color:#333; font-size:14px;}
.filter-sty.des{padding-bottom:15px; margin-bottom:10px;}
.filter-sty.des a,.filter-sty.des span{ padding:2px 7px; border-radius:3px;}
.filter-sty.des span{padding:2px 0; color:#333;}
.filter-sty.des a:hover,.filter-sty.des a.active{background:#E6212A; color:#fff;}
.filter-sec .tit a{line-height:22px;}
.filter-sec .tit:hover,.filter-sec .tit a.active{color:#E6212A;}
.filter-sec .sequence{float:left; position:relative; margin-right:27px;}
.filter-sec .sequence a{display:block; height:22px; line-height:22px; font-size:14px; margin-left:10px; padding-right:20px; background:url('small.gif') no-repeat right 8px;}
.filter-sec .sequence a.SortDescCss{background:url('desc.png') no-repeat right 10px;}
.filter-sec .sequence a.SortAscCss{background:url('asc.png') no-repeat right 10px;}
.filt-area{float:right; padding-left:20px; background:url('area-icon.png') no-repeat 0 3px; font-size:14px; color:#666; line-height:22px}
.filter-sec .sequence a.active,.filter-sec .sequence a:hover{color:#E6212A;}
.des-seanum{text-align:center; margin:-5px 0 5px 0;}
.des-seanum em{color:#E6212A; padding:0 5px;}

.deslist-left{width:910px; float:left;}
.deslist-box{padding:0 20px; background:#fff;}
.deslist-box ul li{padding:20px 0; border-bottom:1px dashed #dedede; height:120px; overflow:hidden;}
.deslist-box .des-img,.deslist-box .des-img img{display:block; width:120px; height:120px; float:left;} 
.deslist-box .pull-left{float:left; margin-left:20px;}
.deslist-box .pull-left .name{ margin-bottom:5px; margin-top:10px;}
.deslist-box .pull-left .name span{margin:0 10px;}
.deslist-box .pull-left .name span i{color:#39F; font-size:15px;}
.deslist-box .pull-left .name a{font-size:16px; font-weight:bold; color:#333; }
.deslist-box .pull-left .leixing{font-size:12px; color:#999; margin-bottom:3px;}
.deslist-box .pull-left .leixing span{color:#333;}
.deslist-box .pull-left .wk-lab{ margin-top:10px;}
.deslist-box .pull-left .wk-lab span{background:#eaecef; color:#999; padding:2px 8px; margin-right:15px;}
.deslist-box .pull-left .wk-lab span i{margin-right:5px;}
.deslist-box .pull-left .wk-lab span em{margin-left:5px;}
.vip-grade{ color:#31aaeb;}
.vip-grade em{font-style:italic;}
.deslist-box .pull-btn{float:right;}
.deslist-box .pull-btn a{ display:block; width:100px; height:28px; line-height:28px; text-align:center; border-radius:4px; color:#fff; font-size:13px; transition:all .3s ease-in-out; margin:10px 0;}
.deslist-box .pull-btn a.zhuye{background:#FF4D4D; }
.deslist-box .pull-btn .zhuye:hover{background:#E6212A;}
.deslist-box .pull-btn a.gz{border:1px solid #FF4D4D; color:#FF4D4D;}
.deslist-box .pull-btn a.gz i{margin-right:10px;}
.deslist-box .pull-btn a.gz:hover{border:1px solid #E6212A; color:#E6212A;}

.deslist-right{width:260px; float:right;}
.deslist-right .tit{padding:16px 0; text-align:center; color:#333; font-size:14px; background:#fff; border-top:4px solid #E6212A; border-bottom:1px dashed #e0e0e0;}
.recom-des-con{margin-bottom:10px; background:#fff; padding:5px 0;}
.recom-des-con .name a{font-size:14px; color:#333; font-weight:bold; display:block; height:20px; line-height:20px; overflow:hidden;  word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; padding:10px 15px;}
.recom-des-con .info{padding:0 15px; overflow:hidden;}
.recom-des-con .info img,.recom-des-con .info .img{width:80px; height:80px; float:left;}
.recom-des-con .info .pull-user-r{float:left; margin-left:10px; width:140px;}
.recom-des-con .info .pull-user-r .tab{ margin-top:5px; color:#666;}
.recom-des-con .info .pull-user-r i{color:#39F; }
.pull-user-r .vip-grade{margin-left:10px;}
.recom-des-con .wk-num{margin-top:10px; padding:10px 15px; border-top:1px dashed #e0e0e0;}
.recom-des-con .wk-num span{background:#eaecef; color:#999; padding: 2px 5px; margin-right: 10px;}
.recom-des-con .wk-num span i{margin-right:5px;}
.recom-des-con .wk-num span em{margin-left:5px;}

/*设计师主页浏览*/
.deshome-top{width:100%; height:435px; background:url('dehome.jpg') no-repeat top center; position:relative; overflow:hidden}
.deshome-top .img{width:170px; height:170px; margin:50px auto auto auto; position:relative;}
.deshome-top .img img{width:170px; height:170px; border-radius:50%;}
.deshome-top .img .lab{position:absolute; right:-20px; height:22px; width:80px; border-radius:10px; overflow:hidden; color:#fff; font-size:12px; line-height:22px;}
.deshome-top .img .lab span{display:block; height:16px; width:16px; float:left; background:#fff; border-radius:10px; margin-top:3px; margin-left:3px; margin-right:5px; text-align:center; line-height:14px;}
.deshome-top .img .lab span i{font-size:12px; line-height:16px;}
.deshome-top .img .lab.lx{background:#2a9ebd; bottom:20px;}
.deshome-top .img .lab.dj{background:#dab02e; bottom:50px; right:-30px;}
.deshome-top .img .lab.lx i{color:#2a9ebd;}
.deshome-top .img .lab.dj i{color:#dab02e;}
.deshome-top .name{text-align:center; margin-top:20px; font-size:20px; color:#fff; font-weight:bold;}
.deshome-top .qianming{text-align:center; color:#fff; margin:5px 0; font-size:16px;}
.deshome-top .area{text-align:center; color:#fff; margin:5px 0; font-size:14px;}
.des-mutual{text-align:center; margin-top:20px;}
.des-mutual a{display:inline-block; margin:0 10px; padding:4px 30px 6px 30px; color:#fff; font-size:14px; border-radius:20px; border:2px solid transparent;}
.des-mutual a i{margin-right:5px;}
.des-mutual a.gz{background:#00c9d0;}
.des-mutual a.lx{background:#6fcc6b;}
.des-mutual a.ly{background:#f49495;}
.des-mutual a.line{background:#BA5AA5;}
.des-mutual a:hover{border:2px solid #fff;}
.des-mutual.project a:hover{border:2px solid #333;}

.deshome-data{height:100px; overflow:hidden;}
.deshome-data ul li{float:left; width:33.33%; text-align:center; font-size:14px; position:relative; padding-top:26px;}
.deshome-data ul li em{font-size:30px; color:#333; margin-left:10px;}
.deshome-data ul li span{position:absolute; left:80px; top:0; display:block; width:36px; height:40px; text-align:center; line-height:40px; padding-top:30px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:3px solid #333;}
.deshome-data ul li span i{ margin-top:15px; font-size:16px; color:#989898;}
.container.deshome{background:#fff;}
.deshome-work-tit{text-align:center; margin-top:10px;}
.deshome-work-tit .title{border-bottom:1px solid #e7e7e7; height:50px;}
.deshome-work-tit .title span{display:block; width:200px; height:50px; text-align:center; font-size:24px; line-height:50px; border-bottom:1px solid #333; margin:0 auto;}
.deshome-work-tit .con{margin:40px 0 20px 0;}
.deshome-work-tit .con a{padding:6px 20px; color:#666; border-radius:30px; background:#efefef; margin:0 20px; transition:all .3s ease-in-out;}
.deshome-work-tit .con a em{font-size:12px;  margin-left:5px;}
.deshome-work-tit .con a:hover,.deshome-work-tit .con a.active{background:#94d5eb; color:#fff;}

/*新闻内页*/
.newsban{height:188px; width:100%; text-align:center; /*overflow:hidden;*/}
.newsban .tit{font-size:30px; font-family:Verdana, Geneva, sans-serif; color:#fff; margin:30px 0;}
.newsban .fenlei{margin-top: 10px;}
.newsban .fenlei a{display:inline-block; padding:10px 30px; _background:#fff; background:rgba(255,255,255,.8); color:#333; font-size:16px; margin:0 10px; border: 1px solid #c5c5c5; /*border-radius:4px;*/ transition:all .3s ease-in-out;}
.newsban .fenlei a.active, .newsban .fenlei a:hover{background:#E6212A; color:#fff;}
.newsContainer{margin:0;}
.newsContainer .newslist{width:1220px;}
.newsContainer .newslist li{float:left; width:530px; margin-right:25px; margin-left:5px; margin-bottom:20px; padding:20px; background:#fdfdfd; transition:all .3s ease-in-out;}
.newsContainer .newslist li:hover{box-shadow:0 0 5px rgba(0,0,0,.3); background:#fff;}
.newsContainer .newslist .tit{font-size:15px; color:#333; line-height:30px; font-weight:bold;}
.newsContainer .newslist .tit i{color:#E6212A; font-size:14px; margin-right:10px;}
.newsContainer .newslist .newtxt{margin:5px 0; height:92px; overflow:hidden;}
.newsContainer .newslist .newtxt .img{float:left; width:130px; height:92px; margin-right:20px;}
.newsContainer .newslist .newtxt .img img{width:130px; height:92px;}
.newsContainer .newslist .newtxt .txt{float:left; width:380px; height:92px; line-height:23px; color:#666; font-size:12px; overflow:hidden;  word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.newsContainer .newslist .time{color:#888; margin-top:10px; overflow:hidden; zoom:1;}
.news-page-info{padding:20px; background:#fff;}
.news-page-info .tit{font-size:18px; font-weight:bold; color:#222; text-align:center; line-height:32px; margin-top:10px;}
.news-page-info .lab{text-align:center; margin:10px 0 20px 0;}
.news-page-info .lab span{color:#888; margin:0 10px;}
.news-page-info .txtinfo{overflow:hidden; line-height:28px; font-size:14px; color:#666;}
.recom-des-con.news .info img, .recom-des-con.news .info .img{width:80px; height:42px;}
.recom-des-con.news .info .pull-user-r{height:42px; color: #aaa; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.pageinfo-r-adv{margin-top:10px;}
.pageinfo-r-adv ul li{margin-bottom:10px; padding:10px; background:#fff;}
.pageinfo-r-adv ul li img{width:305px;}

/*网站右侧客服*/
/*.cndns-right{position:fixed;right:1px;top:30%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:38px;height:38px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ee7800;font-size:12px;line-height:14px;padding-top:5px;display:none;}
.cndns-right-meau.hover .cndns-right-btn span{display:none}
.cndns-right-meau.hover .cndns-right-btn p{display:block;}
.meau-sev .cndns-right-btn{background:url(../images/xnkf.png) no-repeat center #fff; border-color: #fff;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau.hover .cndns-right-btn{background:#ee7800;}
.meau-top.cndns-right-meau.hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau.hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:40px;padding-right:12px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ee7800;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative; padding: 10px;}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{float:left;display:block;color:#d3d3d3; margin-right: 5px;}
.cndns-right-box .box-border .sev-t p{float:left;color:#ee7800;font-size:16px;line-height:24px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:12px;color:#aaa; line-height: 16px;}
.cndns-right-box .box-border .sev-b{padding-top:5px;margin-top:8px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:12px; padding: 5px 0;}
.meau-sev .cndns-right-box .box-border{width:230px;}
.meau-join .cndns-right-box .box-border{width:230px;}
.meau-suggest .cndns-right-box .box-border{width:230px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau.hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:12px;line-height:30px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .xnbar-icon{display:none;}
.meau-sev.hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.xnbar-icon{display: block; width: 24px; height: 24px; margin: 7px;}
.meau-contact .xnbar-icon{background: url(../images/xnbar_tel.png) no-repeat;}
.meau-join .xnbar-icon{background: url(../images/xnbar_jiameng.png) no-repeat;}
.meau-suggest .xnbar-icon{background: url(../images/xnbar_sug.png) no-repeat;}
.xnbar-icon-kfbjg{background: url(../images/xnkf2.png) no-repeat; width: 40px; height: 40px; float: left; display: block;}
.meau-code .xnbar-icon{background: url(../images/xnbar_ewm.png) no-repeat;}
.meau-top .xnbar-icon-top{background: url(../images/xnbar_top.png) no-repeat;display: block; width: 12px; height: 7px; margin:7px 13px 0 13px; }
.meau-top .cndns-right-btn span.xnbar-icon-top{padding-top: 0;}
.meau-top:hover .xnbar-icon-top{background: url(../images/xnbar_top2.png) no-repeat;}
.meau-top:hover a{ border-color: #ee7800;}
.meau-contact .xnbar-icon-left{background: url(../images/xnbar_tel.png) no-repeat; display: inline-block; width: 24px; height: 24px; float: left; padding-right: 5px;}
.contact-btnlist li{margin:0 0 10px 0; color: #666; line-height: 25px; height: 25px; padding-left: 5px;}
.contact-btnlist li span,.contact-btnlist li a{ display: inline-block; height: 25px; float: left;}
.contact-btnlist li span{margin-right: 10px;}
.contact-btnlist li :after{content: ""; clear: both; display: block;}
.xnbar-qq{display: inline-block; margin-right: 10px;}
.xnbar-weixin{position: relative;}
.xnbar-weixin .ewm_box{position: absolute; left:-60px; top:-105px; width: 100px; height: 100px; box-shadow: 0 0 20px rgba(0,0,0,.2); background: #fff; display:none ;}
.xnbar-weixin .ewm_box img{width:100%; }
.suggest-tit{margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;}*/

.clear{clear:both;}

/*首页幻灯片*/
.flexslider {margin: 0px auto 20px;position: relative;width: 100%;height:620px;overflow: hidden;zoom: 1;}
@media screen and (max-width: 1280px) { 
    .flexslider {height:520px;}
} 
.flexslider .slides li {width: 100%;height: 100%;text-align: center;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;display: block;background: url('ad_ctr.png') no-repeat;position: absolute;top: 50%;margin-top: -35px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 20px;}
.flex-direction-nav .flex-prev {left: 20px;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url('dot.png') no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
/*.flexslider .slides a img {width: 100%;}*/

/*您的位置导航*/
body #sitecontent {padding-top: 0;}
.ff_pageList, .ff_postPage {/*padding-bottom: 20px;*/}
.npagePage .ff_pageTarget {margin-top: 0px;background-color: #efefef;line-height: 45px;}
.module {/*background: #fff;*/}
.ff_sitecontent .module .module_container {max-width: 1180px;margin: 0 auto;}
.npagePage .ff_pageTarget .container_target {float: left;width: 1180px;color: #666;}
.npagePage .ff_pageTarget .container_target a {color: #666;text-decoration: none;}
.ff_pageTarget .fa-angle-right {padding: 0 10px;}
.fa-angle-right, .fa-angle-down {color: inherit;}
.fa {line-height: inherit;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ff_pageTarget .container_target a:last-child {color: #333;}

/*选择城市*/
#cityBoxBgcolor {width: 100%;height: 100%;top: 0;left: 0;position: fixed;background-color: rgba(0,0,0,0.8);z-index: 888888;z-index: 888888;display: none;}
#cityBox {margin: auto;position: absolute;width: 600px;height: auto;display: none;left: 33%;top: 25%;padding: 20px;padding-bottom: 30px;box-shadow: rgba(0, 0, 0, 0.298039) 3px 3px 6px;border-width: 1px;border-style: solid;border-color: #a1a1a1;border-image: initial;background-color: #fff;overflow: hidden;z-index: 999999;}
#cityBox .changeCity {margin: auto;width: 100%;text-align: left;cursor: pointer;}
#cityBox .changeCity .cityTitle {float: left;width: 100%;line-height: 55px;height: 55px;font-size: 18px;color: #5d5d5d;border-bottom: #e7e7e7 1px solid;}
#cityBox .changeCity .cityTitle .close {margin-left: 570px;margin-top: -60px;position: absolute;cursor: pointer;color: #5d5d5d;}
#cityBox .changeCity .cityTitle .close:hover {margin-left: 570px;margin-top: -60px;position: absolute;cursor: pointer;color: #d70c19;}
.changeCity span {float: left;margin: 5px 2px;width: 60px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;border: #e7e7e7 1px solid;background-color: #fff;}
.changeCity span a {font-size: 14px;color: #2d2d2d;text-decoration: none}
.changeCity span a:link {font-size: 14px;color: #2d2d2d;text-decoration: none}
.changeCity span a:hover {font-size: 14px;color: #d70c19;text-decoration: none;}
.changeCity span:hover {float: left;margin: 5px 2px;width: 60px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;border: #d70c19 1px solid;background-color: #d70c19;}
.changeCity span:hover a {font-size: 14px;color: #fff;text-decoration: none}
.changeCity span:hover a:link {font-size: 14px;color: #fff;text-decoration: none}
.changeCity span:hover a:hover {font-size: 14px;color: #fff;text-decoration: none;}
.changeCity span.hover {float: left;margin: 5px 2px;width: 60px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;border: #d70c19 1px solid;background-color: #d70c19;}
.changeCity span.hover a {font-size: 14px;color: #fff;text-decoration: none}
.changeCity span.hover a:link {font-size: 14px;color: #fff;text-decoration: none}
.changeCity span.hover a:hover {font-size: 14px;color: #fff;text-decoration: none;}
.filterlist b {float: right;margin-top: -14px;width: 180px;height: 45px;line-height: 45px;text-align: center;font-size: 18px;overflow: hidden;color: #fff;border: #fff 1px solid;background-color: #141414;cursor: pointer;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*产品列表左侧菜单*/
#lstrightpro{float:left;width:170px;border:#f0f0f0 1px solid;border-radius:5px;}
#lstrightpro .menuinfo{float:left;width:170px;}
#lstrightpro .emtitle{float:left;margin:auto;width:170px;height:50px;/*line-height:50px;*/color:#fff;text-align:center;background-color:#d70c19;font-size:14px;overflow:hidden;font-weight: bold;padding-top: 5px;}
#lstrightpro .emtitle a{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .emtitle a:link{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .emtitle a:hover{font-size:14px;color:#fff;text-decoration:none;}
#lstrightpro .menuinfo ul{float:left;width:170px;}
#lstrightpro .menuinfo ul li{float:left;width:170px;height:35px;line-height:35px;overflow:hidden;border-bottom:#e7e7e7 1px solid;text-align:center;background-color:#373737;}
#lstrightpro .menuinfo ul li a{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul li a:link{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul li a:hover{font-size:14px;color:#fff;text-decoration:none;}
#lstrightpro .menuinfo ul em{font-size:14px;float:left;width:170px;height:35px;line-height:35px;overflow:hidden;border-bottom:#e7e7e7 1px solid;text-align:center;}
#lstrightpro .menuinfo ul em a{font-size:14px;color:#2d2d2d;text-decoration:none}
#lstrightpro .menuinfo ul em a:link{font-size:14px;color:#2d2d2d;text-decoration:none}
#lstrightpro .menuinfo ul em a:hover{font-size:14px;color:#d70c19;text-decoration:none;}
#lstrightpro .menuinfo ul em:hover{font-size:14px;float:left;width:170px;height:35px;line-height:35px;color:#fff;overflow:hidden;border-bottom:#e7e7e7 1px solid;text-align:center;background-color:#fb9d00;}
#lstrightpro .menuinfo ul em:hover a{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul em:hover a:link{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul em:hover a:hover{font-size:14px;color:#fff;text-decoration:none;}
#lstrightpro .menuinfo ul em.hover{font-size:14px;float:left;width:170px;height:35px;line-height:35px;color:#fff;overflow:hidden;border-bottom:#e7e7e7 1px solid;text-align:center;background-color:#fb9d00;}
#lstrightpro .menuinfo ul em.hover a{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul em.hover a:link{font-size:14px;color:#fff;text-decoration:none}
#lstrightpro .menuinfo ul em.hover a:hover{font-size:14px;color:#fff;text-decoration:none;}

/*产品详情 - 产品参数*/
.procanshu{float:left;margin:5px;padding-bottom:10px;width:930px;overflow:hidden;border-bottom:#e7e7e7 1px solid;}
.procanshu ul{float:left;width:930px;overflow:hidden;}
.procanshu ul li{float:left;width:410px;height:30px;line-height:30px;overflow:hidden;}
.procanshu ul li em{float:left;width:80px;font-size:14px;color:#414141;text-align:right;font-family: Microsoft YaHei, Arial;}
.procanshu ul li b{float:right;width:320px;font-size:12px;color:#ff9000;text-align:left;}

/*产品详情 - 咨询报价*/
.imgcovercat {background: rgba(0,0,0,.8);color: #fff;line-height: 50px;font-size: 14px;height: 50px;position: absolute;padding: 0 20px;display: none;z-index: 1000;overflow: hidden;}
.imgcovercat a {color: #E6212A;float: right;display: block;height: 28px;margin-top: 11px;line-height: 28px;padding: 0 10px;border-radius: 3px;background: #fff;font-weight: bold;transition: all .3s ease;font-size: 12px;}
.imgcovercat a:hover {background: #E6212A;color: #fff;}

/*联系我们 - 留言*/
.message {margin: 0 0 70px 0;}
.message .message-main {background: #fff url('message-bg.jpg') no-repeat center;min-height: 550px}
.message .message-main ul {width: 900px;margin: 0 auto;padding: 60px 0 0 0;overflow: hidden;list-style: none;}
.message .message-main ul li {width: 380px;margin: 0 15px 20px 15px;float: left;position: relative;}
.message .message-main ul li input {padding: 8px 25px 8px 15px;border: #d8d8d9 solid 1px;width: 100%;font-family: "微软雅黑";background-color: #fff;}
.message .message-main ul li i {font-style: normal;position: absolute;right: 0px;top: 12px;color: #ff0000;display: inline-block;width: 12px;text-align: center;}
.message .message-main ul li.li-2 {width: 830px;}
.message .message-main ul li.li-4 {width: 450px;float: right;text-align: right;}
.message .message-main ul li textarea {padding: 5px 25px 5px 15px;border: #d8d8d9 solid 1px;font-family: "微软雅黑";font-size: 14px;width: 100%;height: 180px;color: #666;outline: none;background-color: #fff;}
.message .message-main ul li .submit {background: #ea5404;color: #fff;border: #ca4702 solid 1px;}
.message .message-main ul li .submit:hover {background: #ca4702;}
.message .message-main ul li .submit, .message .message-main ul li .reset {display: inline-block;text-align: center;/*padding: 8px 0;*/width: 206px;height: 37px;line-height: 37px;border-radius: 3px;cursor: pointer;font-size: 14px;}
.message .message-main ul li .reset {float: right;margin-left: 10px;background: #c2c2c2;color: #545454;border: #c2c2c2 solid 1px;}
.message .message-main ul li .reset:hover {background: #aeaeae;}

/*联系我们 - 名片效果*/
.ContactCard{margin:auto; padding:10px 0;width:1180px;overflow:hidden;}
.ContactCard .btitle{float:left;width:1160px;padding:0 0 0 10px;height:40px;line-height:40px;font-size:18px;color:#ff4e00;overflow:hidden;}
.ContactCard .btitle i{padding:0 10px;height:40px;line-height:40px;font-size:12px;color:#5d5d5d;overflow:hidden;}

.ContactCard .usercard{float:left;cursor:pointer;width:273px;margin:10px;height:280px;overflow:hidden;border:#e7e7e7 1px solid;overflow:hidden;border-radius:5px;background-color:#fff;}
.ContactCard .usercard b{float:left;width:10px;margin:45px 0;height:190px;overflow:hidden;background-color:#d0121b;border-top-left-radius:0em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:0em;}
.ContactCard .usercard span{float:left;margin:100px 20px 0px 20px;width:80px;height:80px;overflow:hidden;}
.ContactCard .usercard span img{width:80px;height:80px;}
.ContactCard .usercard .username{float:left;margin:60px 0 0 0;width:140px;overflow:hidden;}
.ContactCard .usercard .username em{font-size:16px;color:#191b21;line-height:45px;font-weight:800;}
.ContactCard .usercard .username i{font-size:12px;color:#ff4e00;padding:0 10px;line-height:45px;}
.ContactCard .usercard .username cite{float:left;font-size:12px;color:#191b21;line-height:20px;}

.ContactCard .usercard:hover{float:left;cursor:pointer;width:273px;margin:10px;height:280px;overflow:hidden;border:#e7e7e7 1px solid;overflow:hidden;border-radius:5px;background-color:#000;}
.ContactCard .usercard:hover b{float:left;width:10px;margin:45px 0;height:190px;overflow:hidden;background-color:#d0121b;border-top-left-radius:0em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:0em;}
.ContactCard .usercard:hover span{float:left;margin:100px 20px 0px 20px;width:80px;height:80px;overflow:hidden;}
.ContactCard .usercard:hover span img{width:80px;height:80px;}
.ContactCard .usercard:hover .username{float:left;margin:60px 0 0 0;width:140px;overflow:hidden;}
.ContactCard .usercard:hover .username em{font-size:16px;color:#fff;line-height:45px;font-weight:800;}
.ContactCard .usercard:hover .username i{font-size:12px;color:#ff4e00;padding:0 10px;line-height:45px;}
.ContactCard .usercard:hover .username cite{float:left;font-size:12px;color:#fff;line-height:20px;}

/*固定右侧的联系方式*/
.hidenone{display:none;}
.showblock{display:block;}
#wwwRightUser{right:0;right:0;bottom:0;height:100%;overflow:hidden;position:fixed;z-index:99999999999;cursor:pointer;}
#wwwRightUser .menuleft{float:left;width:35px;height:100%;overflow:hidden;background-color:#090810;}
#wwwRightUser .menuleft ul{float:left;margin:200px 0;width:100%;}
#wwwRightUser .menuleft ul li{float:left;cursor:pointer;width:35px;height:35px;padding:10px 0;line-height:35px;color:#fff;overflow:hidden;text-align:center;}
#wwwRightUser .menuleft ul li:hover{float:left;cursor:pointer;width:35px;height:35px;padding:10px 0;line-height:35px;color:#fff;overflow:hidden;text-align:center;background-color:#000;}
#wwwRightUser .menuleft ul li.hover{float:left;cursor:pointer;width:35px;height:35px;padding:10px 0;line-height:35px;color:#fff;overflow:hidden;text-align:center;background-color:#f60000;}
#wwwRightUser .menuleft ul li img{width:30px;height:30px;}
#wwwRightUser .menuleft ul li a{font-size:12px;color:#fff;text-decoration:none}
#wwwRightUser .menuleft ul li a:link{font-size:12px;color:#fff;text-decoration:none}
#wwwRightUser .menuleft ul li a:hover{font-size:12px;color:#fff;text-decoration:none;}
#wwwRightUser .contright{float:left;width:210px;height:100%;overflow:hidden;/*overflow-y:auto;*/background-color:#f3f3f3; display:none;}
#wwwRightUser .contright .btitle{float:left;width:210px;height:40px;line-height:40px;font-size:16px;color:#ff4e00;overflow:hidden;text-align:center;}
#wwwRightUser .contright .btitle i{padding:0 10px;height:40px;line-height:40px;font-size:12px;color:#5d5d5d;overflow:hidden;}
#wwwRightUser .contright .usercard{float:left;width:180px;margin:10px;padding:10px 0;background-color:#fff;border:#e7e7e7 1px solid;border-radius:5px;}
#wwwRightUser .contright .usercard span{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .usercard span img{width:60px;height:60px;}
#wwwRightUser .contright .usercard .username{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .usercard .username em{font-size:16px;color:#000;line-height:45px;font-weight:800;}
#wwwRightUser .contright .usercard .username i{font-size:12px;color:#ff4e00;padding:0 10px;line-height:45px;}
#wwwRightUser .contright .usercard .username cite{float:left;width:180px;font-size:12px;color:#000;line-height:20px;text-align:center;}
#wwwRightUser .contright .usercard:hover{float:left;width:180px;margin:10px;padding:10px 0;background-color:#000;border:#e7e7e7 1px solid;border-radius:5px;}
#wwwRightUser .contright .usercard:hover span{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .usercard:hover span img{width:60px;height:60px;}
#wwwRightUser .contright .usercard:hover .username{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .usercard:hover .username em{font-size:16px;color:#fff;line-height:45px;font-weight:800;}
#wwwRightUser .contright .usercard:hover .username i{font-size:12px;color:#ff4e00;padding:0 10px;line-height:45px;}
#wwwRightUser .contright .usercard:hover .username cite{float:left;width:180px;font-size:12px;color:#fff;line-height:20px;text-align:center;}

#wwwRightUser .contright .userpro{float:left;width:180px;margin:5px;padding:10px 0;background-color:#fff;border:#e7e7e7 1px solid;border-radius:5px;}
#wwwRightUser .contright .userpro span{float:left;width:70px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .userpro span img{width:60px;height:60px;border-radius:5px;}
#wwwRightUser .contright .userpro .txt{float:right;width:100px;text-align:left;overflow:hidden;}
#wwwRightUser .contright .userpro .txt em{font-size:12px;color:#000;line-height:25px;}
#wwwRightUser .contright .userpro .txt em a{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .userpro .txt em a:link{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .userpro .txt em a:hover{font-size:12px;color:#d0121b;text-decoration:none;}

#wwwRightUser .contright .wei2ma{float:left;width:180px;margin:10px;padding:10px 0;background-color:#fff;border:#e7e7e7 1px solid;border-radius:5px;}
#wwwRightUser .contright .wei2ma span{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .wei2ma span img{width:110px;height:110px;border-radius:5px;}
#wwwRightUser .contright .wei2ma .txt{float:left;width:180px;margin:10px 0 0 0 ;text-align:center;overflow:hidden;}
#wwwRightUser .contright .wei2ma .txt em{font-size:12px;color:#000;line-height:20px;}
#wwwRightUser .contright .wei2ma .txt em a{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .wei2ma .txt em a:link{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .wei2ma .txt em a:hover{font-size:12px;color:#d0121b;text-decoration:none;}

#wwwRightUser .contright .mobinfo{float:left;width:180px;margin:150px 0 0 10px;padding:10px 0;background-color:#fff;border:#e7e7e7 1px solid;border-radius:5px;}
#wwwRightUser .contright .mobinfo span{float:left;width:180px;overflow:hidden;text-align:center;}
#wwwRightUser .contright .mobinfo span img{width:120px;height:120px;border-radius:5px;}
#wwwRightUser .contright .mobinfo .txt{float:left;width:180px;margin:10px 0 0 0 ;text-align:center;overflow:hidden;}
#wwwRightUser .contright .mobinfo .txt em{font-size:12px;color:#000;line-height:20px;}
#wwwRightUser .contright .mobinfo .txt em a{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .mobinfo .txt em a:link{font-size:12px;color:#000;text-decoration:none}
#wwwRightUser .contright .mobinfo .txt em a:hover{font-size:12px;color:#d0121b;text-decoration:none;}



/* 首页简介 2018.8.15*/
.ind-about{width:1200px;height:600px;margin-bottom:40px;}
.ind-about-title{margin-bottom:60px;}
.ind-about-title .name{float:left;margin-top:30px;width:100%;font-size:32px; line-height:50px; color:#111;}
.ind-about-title b{float:left;width:100%;color:#111; font-size:26px;line-height:30px;}
.ind-about-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.ind-about-title .info {float:left;line-height:30px;margin:10px 0;display:inline-block; color:#1e1e1e; font-size:18px;transition:all .3s ease-in-out;}
.ind-about-title .info strong{color:#e80000;}

/* 新品推荐 2018.8.15*/
.newsps{width:1230px;}
.newsps ul li{float:left; margin-right:22px;}
.newsps ul li a{display:block; position:relative;}
.newsps ul li.big{margin-bottom:12px;}
.newsps ul li.midde{margin-bottom:12px;}
.newsps ul li.big,.newsps ul li.big img{width:584px; height:240px;}
.newsps ul li.midde,.newsps ul li.midde img{width:386px; height:290px;}
.newsps li .cover{position:absolute; left:0; top:50%; right:0; height:80px; margin-top:-70px; background:rgba(0,0,0,.7); padding:30px; display:none;}
.newsps li.hover .cover{display:block;}
.newsps li .cover h2{font-size:30px; font-weight:normal; color:#f1f1f1; height:40px; line-height:40px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsps li .cover p{height:40px; font-size:12px; color:#b1b1b1; line-height:20px; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsps li.midde .cover h2{font-size:20px;}

/*最新案例 2018.8.15*/
.case-title{margin-bottom:20px;}
.case-title .name{float:left; font-size:32px; line-height:30px; color:#111;}
.case-title .name b{color:#111; font-size:26px; padding-left:10px; line-height:30px;}
.case-title .name span{color:#e80000; font-size:30px; padding-left:10px; line-height:30px;}
.case-title .info{margin:0px auto;width:900px;}
.case-title .info a{line-height:30px; padding:5px 20px;margin-right:15px; display:inline-block; background:#333333;color:#ffffff; font-size:14px; border-radius:20px; transition:all .3s ease-in-out;}
.case-title .info a:hover{background:#E6212A; color:#fff;}


/* 底部三个图片 2018.8.15*/
.indfoot-all{width:1230px;margin-bottom:20px;margin-top:20px;}
.indfoot-title{float:left;width:33.33333%;}
.indfoot-title .name{float:left; font-size:22px; line-height:30px; color:#111;}
.indfoot-title .name b{color:#111; font-size:18px; padding-left:10px; line-height:30px;}
.indfoot-title .name span{color:#e80000; font-size:30px; padding-left:10px; line-height:30px;}

.ind-footss{width:1230px;}
.ind-footss ul li{float:left; margin-right:40px;}
.ind-footss ul li a{display:block; position:relative;}
.ind-footss ul li.midde{margin-bottom:12px;}
.ind-footss ul li.midde,.ind-footss ul li.midde img{width:370px; height:240px;}
.ind-footss li .cover{position:absolute;left:0; top:0; right:0; line-height:240px;height:240px; color:#fff;background:rgba(0,0,0,.1);display:block;text-align:center;font-size:80px;}
.ind-footss li .cover:hover{background:rgba(0,0,0,.6);}

/*关于华展*/
#ab-all{margin:auto;width:1180px;height:10px;text-align:right;color:#e80000;font-size:33px;}

#ab-001{margin:auto;width:1180px;margin-top:30px;}
#ab-001 .ableft{float:left;width:520px;}
#ab-001 .abright{float:right;width:580px;height:1050px;border:2px #e80000 solid;}
#ab-001 .abright p{float:left;position:absolute;right:0;margin-top:-2px;padding-right:30px;}

.ab-01info-title{margin-bottom:60px;}
.ab-01info-title .name{float:left;width:200px;font-size:44px; line-height:50px; color:#111;font-weight:800;}
.ab-01info-title b{float:left;width:100%;color:#111; font-size:26px;line-height:50px;}
.ab-01info-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.ab-01info-title .info {float:left;line-height:40px;margin:40px 0;display:inline-block; color:#1e1e1e; font-size:18px;transition:all .3s ease-in-out;}
.ab-01info-title .info strong{color:#e80000;}

#ab-001 #sixsys{float:left;position:absolute;right:0;margin-top:640px;padding-right:30px;z-index:9999;}

#ab-002{margin:auto;width:1180px;margin-top:60px;}
#ab-002 .ableft{float:left;width:520px;height:380px;border:2px #e80000 solid;}
#ab-002 .ableft p{float:left;position:absolute;left:0;margin-top:40px;padding-left:40px;}
#ab-002 .ableft em{float:left;position:absolute;left:0;margin-top:-22px;z-index:999;color:#e80000;font-size:33px;}
#ab-002 .abright{float:right;width:510px;}
#ab-002 .abright .info {float:left;line-height:40px;margin:80px 0 0 0;display:inline-block; color:#1e1e1e; font-size:18px;transition:all .3s ease-in-out;}


#ab-003{margin:auto;width:1180px;height:540px;margin-top:60px;}
#ab-003 .abright{float:right;width:520px;height:420px;border:2px #e80000 solid;}
#ab-003 .abright p{float:left;position:absolute;right:0;margin-top:40px;padding-right:40px;}
#ab-003 .abright em{float:left;position:absolute;right:610px;margin-top:-22px;z-index:999;color:#e80000;font-size:33px;}
#ab-003 .ableft{float:left;width:510px;}
#ab-003 .ableft .info {float:left;line-height:40px;margin:80px 0 0 0;display:inline-block; color:#1e1e1e; font-size:18px;transition:all .3s ease-in-out;}

#ab-4allinfo{width:100%; height:650px;margin:0;background:#f3f2f1;}
#ab-004{margin:auto;width:1180px;}

.strwzn{width:1180px;}
.strwzn ul li{float:left;margin:20px 0 0 0;width:33.333%;height:540px;overflow:hidden;}
.strwzn ul li div{margin:auto;width:320px;background: #fff;box-shadow: -7px 7px 20px 7px #d0d0d0;}
.strwzn ul li div .img{float:left;width:320px;height:350px;border-bottom:5px #e80000 solid;}
.strwzn ul li div .img img{width:320px;height:350px;}
.strwzn ul li div .infotxt{float:left;width:92%;padding:4%;height:140px;transition:all .3s ease-in-out;}
.strwzn ul li div .infotxt span{float:left;width:100%;font-size:22px; line-height:30px; color:#000;font-weight:800;}
.strwzn ul li div .infotxt cite{float:left;width:100%;color:#464646; font-size:15px; line-height:25px;}
.strwzn ul li div .infotxt em{float:left;width:100%;color:#a4a4a4; font-size:12px; line-height:25px;}

.yuanjing{margin:auto;width:1180px;color:#1e1e1e; font-size:22px;transition:all .3s ease-in-out;text-align:center;}
.yuanjing strong{color:#e80000;}

#ab-005{margin:auto;width:1180px;margin-top:40px;font-family:"Microsoft YaHei";}
#ab-005 .inff {float:left;width:100%;transition:all .3s ease-in-out;}
#ab-005 .inff span{float:left;width:100%;font-size:30px; line-height:70px; color:#000;text-align:center;}
#ab-005 .inff em{float:left;font-family:"Microsoft YaHei";padding-left:15%;width:70%;color:#a4a4a4; font-size:14px; line-height:30px;text-align:center;}
#ab-005 .inffbg {float:left;width:100%;height:600px;}
/*科技创新*/
.Fhidden{overflow:hidden;}
#keJi-001{margin:auto;width:100%;height:700px;margin-top:50px;overflow:hidden;}
.keJi-title{float:right;width:40%;margin-bottom:80px;text-align:right;}
.keJi-title .name{float:left;width:100%;font-size:50px; line-height:50px; color:#111;font-weight:800;}
.keJi-title b{float:left;width:100%;color:#111; font-size:26px;line-height:50px;}
.keJi-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi-title .info {float:left;line-height:40px;margin:30px 0;display:inline-block; color:#1e1e1e; font-size:18px;transition:all .3s ease-in-out;}
.keJi-title .info strong{color:#e80000;}
.keJi-title-txt{margin:auto;padding:250px 0 0 0;width:1180px;color:#1e1e1e; font-size:22px;transition:all .3s ease-in-out;text-align:center;}
#keJi-002{margin:auto;width:100%;height:160px;margin-top:30px;overflow:hidden;}

#keJi-003{margin:auto;width:100%;height:700px;margin-top:150px;overflow:hidden;}
.keJi3-title{float:left;width:37%;margin-bottom:60px;text-align:left;}
.keJi3-title .name{float:left;width:100%;font-size:50px; line-height:60px; color:#111;font-weight:800;}
.keJi3-title cite{float:left;width:100%;color:#111; font-size:26px;line-height:50px;}
.keJi3-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi3-title .info {float:left;border-left:2px #e80000 solid;line-height:35px;margin:20px 0px;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}
.keJi3-title .info strong{color:#e80000;}

#keJi-004{margin:auto;width:100%;height:700px;margin-top:150px;overflow:hidden;}
.keJi4-title{float:right;width:30%;margin-bottom:60px;text-align:left;}
.keJi4-title .name{float:left;width:100%;font-size:40px; line-height:50px; color:#111;font-weight:800;}
.keJi4-title cite{float:left;width:100%;color:#111; font-size:22px;line-height:50px;}
.keJi4-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi4-title .info {float:left;border-left:2px #e80000 solid;line-height:35px;margin:40px 0;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}
.keJi4-title .info strong{color:#e80000;}

#keJi-005{margin:auto;width:100%;height:700px;margin-top:150px;overflow:hidden;}
.keJi5-title{float:left;width:40%;margin-bottom:60px;text-align:left;}
.keJi5-title .name{float:left;width:100%;font-size:30px; line-height:60px; color:#111;font-weight:800;}
.keJi5-title cite{float:left;width:100%;color:#111; font-size:22px;line-height:50px;}
.keJi5-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi5-title .info {float:left;border-left:2px #e80000 solid;line-height:35px;margin:20px 0px;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}
.keJi5-title .info strong{color:#e80000;}

#keJi-006{margin:auto;width:100%;height:700px;margin-top:150px;overflow:hidden;}
.keJi6-title{float:right;width:40%;margin-bottom:60px;text-align:left;}
.keJi6-title .name{float:left;width:100%;font-size:40px; line-height:50px; color:#111;font-weight:800;}
.keJi6-title cite{float:left;width:100%;color:#111; font-size:22px;line-height:50px;}
.keJi6-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi6-title .info {float:left;border-left:2px #e80000 solid;line-height:35px;margin:20px 0;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}
.keJi6-title .info strong{color:#e80000;}
#keJi-006-2{margin:auto;width:100%;height:650px;margin-top: 150px;overflow:hidden;}

#ab-7allinfo{width:100%; height:550px;margin:0;background:#f3f2f1;padding-bottom: 100px;}

#keJi-007{margin:auto;width:100%;height:250px;padding-top: 50px;overflow:hidden;}
.keJi7-title{float:left;width:40%;margin-bottom:60px;text-align:left;}
.keJi7-title .name{float:left;width:100%;font-size:30px; line-height:60px; color:#111;font-weight:800;}
.keJi7-title cite{float:left;width:100%;color:#111; font-size:22px;line-height:50px;}
.keJi7-title span{color:#e80000; font-size:32px; padding-left:10px; line-height:30px;}
.keJi7-title .info {float:left;border-left:2px #e80000 solid;line-height:35px;margin:20px 0px;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}
.keJi7-title .info strong{color:#e80000;}

.keJi7-rrr{float:right;width:330px;margin-bottom:60px;text-align:left;}
.keJi7-rrr ul{float:right;width:300px;overflow:hidden;}
.keJi7-rrr ul li{float:left;cursor:pointer;width:100px;height:120px;overflow:hidden;}
.keJi7-rrr ul li b{float: left;margin:40px 20px;width:60px;line-height: 55px;height: 60px;overflow: hidden;font-size: 30px;color: #b4b3af;text-align: center;border: #b4b3af 3px solid;border-radius: 40px;}
.keJi7-rrr ul li b:hover{float: left;margin:40px 20px;width:60px;line-height: 55px;height: 60px;overflow: hidden;font-size: 30px;color: #e80000;text-align: center;border: #e80000 3px solid;border-radius: 40px;}
.keJi7-rrr ul li b.hover{float: left;margin:40px 20px;width:60px;line-height: 55px;height: 60px;overflow: hidden;font-size: 30px;color: #e80000;text-align: center;border: #e80000 3px solid;border-radius: 40px;}
.keJi7-rrr .infos{float:right;text-align:right;line-height:35px;margin:40px 0;padding:0 20px;display:inline-block; color:#1e1e1e; font-size:16px;transition:all .3s ease-in-out;}

.keJi7ic{width:1200px;}
.keJi7ic ul li{float:left; margin-right:30px;}
.keJi7ic ul li:hover{float:left; margin-right:30px;padding:0 0 10px 0;border-bottom: #e80000 2px solid;}
.keJi7ic ul li.hover{float:left; margin-right:30px;padding:0 0 10px 0;border-bottom: #e80000 2px solid;}
.keJi7ic ul li a{display:block; position:relative;}
.keJi7ic ul li.midde{margin-bottom:12px;}
.keJi7ic ul li.midde,.keJi7ic ul li.midde img{width:370px;height:260px;}
.keJi7ic li .cover{position:absolute;left:0; top:0; right:0;height:260px;color:#fff;background:rgba(0,0,0,.6);text-align:center;font-size:80px;display:none;}
.keJi7ic li .cover b{float:left;margin:55px 135px 0 135px;width:80px;line-height: 80px;height: 80px;overflow: hidden;font-size: 50px;color: #fff;text-align: center;border: #fff 5px solid;border-radius: 45px;}
.keJi7ic li .cover h2{float: left;width:370px;font-size:16px;color:#fff; height:40px; line-height:40px; overflow:hidden;}
.keJi7ic li .cover p{float: left;width:370px;font-size:16px; color:#fff; line-height:20px; overflow:hidden;}


/*产品列表左侧菜单*/
#NewProLeft{float:left;width:170px;}
#NewProLeft .emtitles{float:left;margin:auto;width:170px;height:50px;/*line-height:50px;*/color:#fff;text-align:center;background-color:#d70c19;font-size:14px;overflow:hidden;font-weight: bold;padding-top: 5px;}
#NewProLeft .emtitles a{font-size:14px;color:#fff;text-decoration:none}
#NewProLeft .emtitles a:link{font-size:14px;color:#fff;text-decoration:none}
#NewProLeft .emtitles a:hover{font-size:14px;color:#fff;text-decoration:none;}

#NewProLeft .menuinfos ul{float:left;width:170px;}
#NewProLeft .menuinfos ul li{float:left;width:168px;height:35px;line-height:35px;overflow:hidden;border-bottom:#e7e7e7 1px solid;text-align:left;background-color:#fff;font-weight:800;margin-bottom: 0px;}
#NewProLeft .menuinfos ul li a{padding-left:15px;font-size:16px;color:#000;text-decoration:none}
#NewProLeft .menuinfos ul li a:link{padding-left:15px;font-size:16px;color:#000;text-decoration:none}
#NewProLeft .menuinfos ul li a:hover{padding-left:15px;font-size:16px;color:#000;text-decoration:none;}
#NewProLeft .menuinfos ul li i{float:right;line-height:35px;font-size:16px;}

#NewProLeft .menuinfos ul em{font-size:14px;float:left;width:170px;height:30px;line-height:30px;overflow:hidden;text-align:left;font-family:"Microsoft YaHei";}
#NewProLeft .menuinfos ul em a{padding-left:15px;font-size:14px;color:#555;text-decoration:none}
#NewProLeft .menuinfos ul em a:link{padding-left:15px;font-size:14px;color:#555;text-decoration:none}
#NewProLeft .menuinfos ul em a:hover{padding-left:15px;font-size:14px;color:#000;text-decoration:none;}





.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden;min-width:1300px }

.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }

.Bannerslider ul li { width: 10%; float: left; display: block; background: center top no-repeat; }

.Bannerslider ul li img { display: block; visibility: hidden; }

.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }

.Bannerslider ol li { width: 16px; height: 16px; background: url('dot.png') 0 -16px; cursor: pointer; display: inline-block; *display:inline;*zoom:1}

.Bannerslider ol li.on { width: 16px; height: 16px; background: url('dot.png') 0 0px; }

.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url('ad_ctr.png') 0 0; cursor: pointer; z-index: 1; margin-top: -45px }

.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url('ad_ctr.png') 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px }

.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }

.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }


.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }

.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }

.keylinks{ padding: 12px 0;line-height: 2; }

.Bannerslider ul li { width: 10%; float: left; display: block; background: center top no-repeat; }

.Bannerslider ul li img { display: block; visibility: hidden; }

.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }

.Bannerslider ol li { width: 16px; height: 16px; background: url('dot.png') 0 -16px; cursor: pointer; display: inline-block; *display:inline;
*zoom:1
}

.Bannerslider ol li.on { width: 16px; height: 16px; background: url('dot.png') 0 0px; }

.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url('ad_ctr.png') 0 0; cursor: pointer; z-index: 1; margin-top: -45px }

.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url('ad_ctr.png') 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px }

.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }

.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }




.liyou {
	margin: 15px auto 5px auto;
	overflow: hidden;
	background: url(bgliyou.png) center no-repeat;
}
.liyou .left {
	display: block;
	width: 600px;
	
	overflow: hidden;
	height: 340px;
	position: relative;
}
.liyou .left span {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 30px;
	top: 60px;
}
.liyou .left p.l3 {
	position: absolute;
	left: 30px;
	color: #fff;
	font-size: 40px;
	top: 40px;
}
.liyou .left p.l3 em {
	font-size: 100px;
	font-weight: bold;
}
.liyou .left p.l1 {
	position: absolute;
	left: 30px;
	top: 230px;
	color: #c3a60e;
	font-size: 16px;
}
.liyou .left p.l2 {
	position: absolute;
	left: 30px;
	top: 255px;
	color: #e9c505;
	font-size: 22px;
}
.liyou .left ul {
	position: absolute;
	left: 30px;
	top: 170px;
}
.liyou .left ul li {
	display: block;
	float: left;
	background: url(gou.png) left center no-repeat;
	margin-right: 20px;
}
.liyou .left ul li a {
	font-size: 18px;
	color: #fff;
	margin-left: 36px;
}
.liyou .right {
	display: block;
	width: 600px;
	background: #000;
	overflow: hidden;
	text-align: center;
	height: 340px;
}

.w100 {
	width: 100%;
	margin: 0px auto;
}
.w1200 {
	width: 1200px;
	margin: 0px auto;
}

.left {
	display: block;
	float: left;
}
.right {
	display: block;
	float: right;
}


.protxt {
	FONT-WEIGHT: bold; FONT-SIZE: 26px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Microsoft Yahei";
}
li{list-style-type:none;}